{include file="frontend/$theme/header.tpl" title="header" }
<script type="text/javascript" src="{$baseurl}/javascript/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="{$baseurl}/javascript/jquery.lightbox-0.5.css" media="screen" />

<div id="main_wrapper"align="center" class="clearfix">
<div id="inner_wapr" class="clearfix"> 
	{include file="frontend/$theme/leftmenu.tpl" title="leftmenu" }
	  <div class="right_pane">
     	 <h1 class="page_heading"> Photo Gallery </h1>
         <div class="main_product_pane" id="photo_gallery_listing">
         {foreach from=$photos item=row}
          	
                <div class="phto_box_outer">
                <div class="photo_box"> 
                 	<a href="{$baseurl}/images/gallery/{$row.large_image}" title="{$row.name}">
                    {if $row.thumb_image ne '' && file_exists("`$basedir`/images/gallery/thumb/`$row.thumb_image`")}
                    	<img  src="{$baseurl}/images/gallery/thumb/{$row.thumb_image}" />
                	{else} 
                    	<img height="149" width="153" src="{$baseurl}/images/noimage.png" />
                    {/if}
                    </a>
                 </div>
                 </div>
            
       	 {/foreach}
        </div> 
        <div class="clr"></div>
         
         <div class="pagination tn"> {$pagination}
          <div class="totalno"><strong>Total Records:</strong> {$total_records} </div>
          <div class="clear"></div>
        </div>
        
        <div class="clr">&nbsp;</div>
        
       
  </div>
</div>
{include file="frontend/$theme/footer.tpl" title="footer" }

<script>
{literal}
	$(function() {
        $('#photo_gallery_listing a').lightBox();
    });

{/literal}
</script>